/* 
    Document   : 
    Created on : 04/09/2013, 20:22:24
    Author     : Bruno
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

html{
    width: 100%;
    height: 100%;
}

body{
    width: 100%;
    height: 100%;
    font-family: sans-serif;
    color: #4a4a4a;
    background-color: #eff8ff;
    /* Para Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #B2DEFF, #EFF8FF) repeat-X;
    /* Para WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#B2DEFF), to(#EFF8FF)) repeat-X;
    /* Para IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2DEFF, endColorstr=#EFF8FF)";
}

#boxGeral{
    width: 70%;
    min-height: 530px;
    text-align: left;
    margin: 20px auto;
    background-color: #B1DEFF;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #717171;
    background-color: #eff8ff;
    /* Para Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #EFF8FF, #B1DEFF) repeat-X;
    /* Para WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#EFF8FF), to(#B1DEFF)) repeat-X;
    /* Para IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFF8FF, endColorstr=#B1DEFF)";
   
}

header{
    margin: 0;
    padding: 0 0 0 35px;
}

#boxLogin{
    margin-top: 20px;
    width: 400px;
    height: 65px;
    float: right;
    font-size: 10px;
    color: #616161;
    line-height: 10px;
}

#boxLogin input[type="text"]{
    width: 120px;
    height: 18px;
}

#boxLogin legend{
    font-weight: bold;
    margin-bottom: 5px;
}

#boxLogin input[type="submit"]{
    text-align: center;
    width: 35px;
    height: 23px;
    cursor: pointer;
    border:1px solid #a60f49; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; 
    color: #FFFFFF;
    background-color: #D9145F; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D9145F), to(#B5074E));
    background-image: -webkit-linear-gradient(top, #D9145F, #B5074E);
    background-image: -moz-linear-gradient(top, #D9145F, #B5074E);
    background-image: -ms-linear-gradient(top, #D9145F, #B5074E);
    background-image: -o-linear-gradient(top, #D9145F, #B5074E);

}

#boxLogin input[type="submit"]:hover{
 border:1px solid #7c0b36;
 background-color: #aa104b; background-image: -webkit-gradient(linear, left top, left bottom, from(#aa104b), to(#840539));
 background-image: -webkit-linear-gradient(top, #aa104b, #840539);
 background-image: -moz-linear-gradient(top, #aa104b, #840539);
 background-image: -ms-linear-gradient(top, #aa104b, #840539);
 background-image: -o-linear-gradient(top, #aa104b, #840539);

}

#boxLogin a{
    color: #616161;
    text-decoration: underline;
}

.mensagem{
    color: red;
    font-weight: bold;
}

#forgotpass{
    margin-top: 5px;
    color: #616161;
}

#logo{
    width: 200px;
    height: 65px;
    float: left;
    margin: 5px;
}

#nome_rede{
    font-family: serif;
    font-size: 20px;
    text-align: left;
}

#slogan{
    width: 400px;
    display: block;
    text-align: left;
    margin-top: 60px;
    margin-left: 5px;
    font-family: sans-serif;
    font-style: italic;
    font-size: 16px;
    color: #717171;
}

#fist_cadastro{
    margin-top: 30px;
    margin-left: 5%;
    margin-right: 10px;
    width: auto;
    height: 350px;
    float: left;
    padding: 10px;
    border-radius: 7px;
    background-color: #eff8ff;
    box-shadow: 1px 1px 5px 5px #B1DEFF;
}

#fist_cadastro legend{
    margin-bottom: 10px;
    text-align: center;
    color: #92752D;
    font-size: 30px;
    font-weight: bolder;
}

#fist_cadastro form{
    margin: 0;
    padding: 0;
}

#fist_cadastro label{
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    width: 150px;
    text-align: right;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
   }

   #fist_cadastro select{
       width: 172px;

   }

   #fist_cadastro input{
       width: 170px;
   }
   
   #fist_cadastro input[type="submit"]{
    margin-top: 20px;
    float: right;
    cursor: pointer;
    border:1px solid #a60f49; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size:12px;
    font-family:arial, helvetica, sans-serif; 
    padding: 10px 10px 10px 10px; 
    text-decoration:none; 
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; 
    color: #FFFFFF;
    background-color: #D9145F; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D9145F), to(#B5074E));
    background-image: -webkit-linear-gradient(top, #D9145F, #B5074E);
    background-image: -moz-linear-gradient(top, #D9145F, #B5074E);
    background-image: -ms-linear-gradient(top, #D9145F, #B5074E);
    background-image: -o-linear-gradient(top, #D9145F, #B5074E);
 
}

#fist_cadastro input[type="submit"]:hover{
 border:1px solid #7c0b36;
 background-color: #aa104b; background-image: -webkit-gradient(linear, left top, left bottom, from(#aa104b), to(#840539));
 background-image: -webkit-linear-gradient(top, #aa104b, #840539);
 background-image: -moz-linear-gradient(top, #aa104b, #840539);
 background-image: -ms-linear-gradient(top, #aa104b, #840539);
 background-image: -o-linear-gradient(top, #aa104b, #840539);
 
}

#foto_cad {
    margin-top: 30px;
    float: right;
    margin-right: 40px;
    width: 35%;
}

#foto_cad img{
    width: 100%;
    height: auto;
}

footer{
    text-align: center;
    font-size: 14px;
    width: 70%;
    height: 40px;
    margin: 20px auto;
    border-radius: 5px;
}

footer p{
    margin: 20px;
}